<!DOCTYPE html>
<html>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, maximum-scale=1, user-scalable=no">	
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<style>
			html,body{
				height:100%;
				width:100%;
			}
			*{
				margin:0;
				padding:0;
			}
			ul{
				list-style: none;
			}
			body{
				background-color:#F0F0F0;
				width:100%;
				height:100%;
				margin:0 auto;
				position:relative;
			}
			
			.zhongjiang img{
				width:100%;
			}
			.recommend ul li img{
				width:34vw;
				
			}
			.recommend ul li a{
				display:flex;
				padding:5px 0;
				margin-top:3px;
				background-color: #fff;
				text-decoration: none;
				color:#070707;
			}
			.recommend ul li:nth-child(2) a{
				margin-top:0;
			}
			.recommend ul li h2{
				font-size:0.93rem;
				margin-top:12vw;				
			}
		    .recommend ul li span{
		    	font-size:0.75rem;
		    	color:#4A4A4A;
		    }
			.zhuanjia{
				background-color: #fff;
				margin-top:6px;
			}
			.zhuanjia ul{	
				padding:20px 0;								
				display:flex;
				width:100%;
				text-align:center;
				
			}
			.zhuanjia ul li:nth-child(1){
				margin-left:3px;
			}	
			.zhuanjia p{
				padding-top:20px;
				padding-left:20px;
				
			}	
			.zhuanjia ul li div:nth-child(2){
				margin-top:5px;				
			}
			.zhuanjia ul li div:nth-child(3){
				margin-top:5px;
				color:#E71F19;
				font-size:13px;
			}
			.zhuanjia ul li .look_up{				
				color:#fff;	
				/*width:25vw;*/
				/*margin:auto;*/
				margin-top:5px;
				padding:0.6vw 0;	
				font-size:15px;	
				color:#E71F19;	
				overflow:visible;
				padding:0;
				background-color:transparent;
				border:0
			}	
			.zhuanjia ul li .look_up span{
				background-color:#E71F19;
				display:inline-block;
				padding:0.6vw 0;
				height:24px;
				line-height:24px;	
				width:18vw;
				color:#fff;
				font-size:12px;				
			}
			.zhuanjia ul li{
				padding:16px 0;				
				margin-right:3px;							
				text-align: center;
				border:1px solid #E8E5E5;
				padding-right:1px;
			}
			.zhuanjia ul li img{
				width:60%;
				border-radius: 50%;
			}	
			
			.pay-container{
				display:none;
				height:100%;
				width:100%;
				/*background-color: #343434;*/
				position:fixed;
				bottom:0;
			}
			.payBlockContainer{
				display:block;
			}
			.pay-container>div{
				height:65%;
				width:100%;
				background-color:rgba(49,49,49,0.5);
			}
			.pay-container ul{
				font-size:13px;
				background-color:#fff;
				width:100%;
				height:35%;
				background-color: #fff;
				
			}
			.pay-container ul li{
				height:199px;
			}
			.pay-container ul li div:nth-child(1){
				height:83px;
			}
			.pay-container ul li:first-child{
				height:35px;
				border-bottom:1px solid #E5E5E5;
				line-height:35px;
				padding-left:20px;
			}
			.pay-container ul li:nth-child(1) b{
				font-size:22px;	
				display:inline-block;
				float:right;
				font-weight:normal;
				padding-right:20px;
				color:#B6B6B6;	
				width:60px;
				text-align:right;
			}
			.pay-container ul li:nth-child(2){
				height:25px;
				font-size:12px;
				line-height:25px;
				border-bottom:1px solid #E5E5E5;	
				padding-left:20px;	
				color:#B6B6B6;		
			}	
			.pay-container ul li:nth-child(2) span{
				color:#B6B6B6;
			}
			.pay-container ul li:nth-child(2) span{
				float:right;
				margin-right:20px;				
			}	
			
			.pay-container ul li:nth-child(3){
				margin-top:0.75rem;
				text-align: center;	
										
			}
			.pay-container ul li:nth-child(3) .payMoney{
				font-size:36px;
				color:#D84C29;
			}
			.pay-container ul li:nth-child(4){
				height:30px;
				line-height: 30px;
				text-align: center;				
				position:relative;
				border:#E5E5E5;				
				margin:0 20px;
				margin-top:1vw;
				color:#fff;
				border: 1px solid #4cd964;
    			background-color: #4cd964;
			}
			.pay-container ul li:nth-child(4):before{
				content: "";
			    position: absolute;			   
			    top: 1px;
			    left:26vw;
			    display: block;
			    width:29px;
			    height:29px;
			    background-image: url(../../images/weixin.png);
			    background-size: 100%;
			}
			.pay-container ul li:last-child{
				margin-top:0.5rem;
				text-align:center;
				color:#B6B6B6;
			}
		</style>		
	    <link rel="icon" href="wzlh5/favicon.ico" type="image/x-icon" />
	    <link rel="shortcut icon" href="wzlh5/favicon.ico" type="image/x-icon" />
	    <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>	
	    <script src="wzlh5/js/dist/seajs/2.3.0/dist/sea.js"></script>
	</head>
	<body>
		<div class="zhongjiang">
			
			<img src="wzlh5/imgs/news/banner_3.jpg" alt="" />
		</div>
		<div class="zhuanjia">
			<p>神秘专家</p>
			<ul style="padding-top:none;">
				<li>
					<div><img src="wzlh5/imgs/analyse/zhuanjia1.jpg" alt="" /></div>
					<div>磊磊侃球</div>
					<div style="color:#E71F19">推荐胜率：93%</div>
					<div class="look_up" id="30"><span  class="30">订阅查看</span></div>
				</li>
				<li>
					<div><img src="wzlh5/imgs/analyse/zhuanjia.jpg" alt="" /></div>					
					<div>孙叔神策</div>
					<div >推荐胜率：86%</div>
					<div class="look_up" title="20"><span  class="20">订阅查看</span></div>
				</li>
				<li>
					<div><img src="wzlh5/imgs/analyse/zhuanjia3.jpg" alt="" /></div>					
					<div>竞彩小玲</div>
					<div class>推荐胜率：78%</div>
					<div class="look_up" ><span  class="10">订阅查看</span></div>
				</li>
			</ul>
		</div>		
		<div class="recommend">			
			<ul>
				<li style="padding-left:20px; margin-top:2px; padding-top:20px;background-color: #fff;">专家推荐</li>
				<li>
					<a href="">
						<div><img src="wzlh5/imgs/analyse/lottery_logo_jczq.png" alt="" /></div>
						<div class="recommend-container">
							<h2>独家接盘足彩 马尔默主场有胜...</h2>
							<span>诸葛接盘足彩大势：马尔默主场有胜</span>
						</div>
					</a>
				</li>
				<li>
					<a href="">
						<div><img src="wzlh5/imgs/analyse/lottery_logo_jczq.png" alt="" /></div>
						<div class="recommend-container">
							<h2>独家接盘足彩 马尔默主场有胜...</h2>
							<span>诸葛接盘足彩大势：马尔默主场有胜</span>
						</div>
					</a>
				</li>
				<li>
					<a href="">
						<div><img src="wzlh5/imgs/analyse/lottery_logo_jczq.png" alt="" /></div>
						<div class="recommend-container">
							<h2>独家接盘足彩 马尔默主场有胜...</h2>
							<span>诸葛接盘足彩大势：马尔默主场有胜</span>
						</div>
					</a>
				</li>	
			</ul>
			<div class="pay-container">
				<div></div>
			<ul>
				<li>订单金额：<span class="payMoney"></span> <b class="btn-close">x</b></li>
				<li>优惠劵 <span>无可用的优惠券</span> </li>
				<li>
					需要支付<br>
					<div class="payMoney"></div>
				</li>
				<li class="btn" >微信支付</span></li>
				<li>专家推荐是付费阅读，不等同于购彩</li>
			</ul>
		</div>
		</div>	
			
		<script src="js/jquery-1.8.0.min.js"></script>
		<script src="wzlh5/js/jquery.cookie.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/app.js"></script>
		<script type="text/javascript" src="wzlh5/js/common.js"></script>		
		<!--<script src="https://cdn.bootcss.com/layer/3.0.1/layer.min.js"></script>-->
		<script type="text/javascript" src="wzlh5/js/recharge.js"></script>		
		<script>
			var url =window.location.search; //获取url中"?"符后的字串 
            var theRequest = new Object(); 
            if (url.indexOf("?") != -1) { 
            var str = url.substr(1); 
            strs = str.split("&"); 
            for(var i = 0; i < strs.length; i ++) { 
            theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]); 
           } 
           $.cookie('phoneNum',theRequest.customerUserPhone, { path : '/'})           
        }      
        
			$('.btn').on('click',function(){				
				createOrder();
				setTimeout(function(){
					$('.pay-container').removeClass('payBlockContainer');
				},200)				
			})
			$('.look_up').on('click','span',function(){	
				$('.pay-container').addClass('payBlockContainer');				
				var phoneNum="18072884292";	
//				localStorage.setItem("phoneNum",phoneNum);
                var money=$(this).attr('class');
				var moneyTwo=$(this).attr('class')+'.00元';				
//				localStorage.setItem("money",money);
//				localStorage.setItem("money",money);
//				$.cookie('phoneNum',phoneNum, { path : '/'})
				$.cookie('money', money, { path : '/'})
				$(".payMoney").html(moneyTwo);
				getCode();
//				window.location.href="http://127.0.0.1:8020/h5x/recharge3.html";
				
			})
			$('.btn-close').on('click',function(){
				$('.pay-container').removeClass('payBlockContainer');	
			})
		</script>
	</body>
</html>
